/*夜间模式 文章详情*/
html,body{ background: #24292f;}
.mui-bar-nav{ z-index: 20;}
/*.mui-table-view-cell.mui-active {
    background-color: #222;
}*/
.detailBg{ background: #24292f;}
.mui-icon-back:before, .mui-icon-left-nav:before ,.mui-icon-search:before ,.mui-icon-menu:before ,.mui-icon-share ,.mui-icon-collect ,.mui-icon-collected{ color: #5b6168;}
.detailContent{ box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.orange{ color: #5b6168!important;}
.mui-bar-nav ,.popFunc{ background: #24292f!important; color: #5b6168!important;}
.mui-content{ background: #24292f!important; color: #5b6168!important;}
.fontControl p{ color: #5b6168;}
#news_details_img a ,#news_details_img a *{color: #666!important;}
#news_details_img *{ background: transparent!important;}
.share{  float: right; padding: 10px 10px 10px 20px; margin-right: -10px;}
.share em{ display: block; width: 3px; height: 3px; border-radius: 50%; background: #333; margin: 3px 8px;}
.mui-slider-group .icon_top{ float: left; font-size: 8px; border: 1px solid #5b6168; color: #5b6168; height: 13px; line-height: 11px; padding: 0px 2px; border-radius: 1px; margin: 4px 0;}
.detail_tt{ padding: 0 15px; text-align: justify;}
#news_details_img *{ max-width: 100%!important;}
.detail_nr{ padding: 40px 15px 0; text-align: justify;}
.extend_read{ padding: 0; box-shadow: 0 0px 4px rgba(0,0,0,.2);}
.extend_read ul ,.extend_read ul *{ background: transparent;}

.detail_tt h3{ font-size: 20px; color: #536375; line-height: 1.4; font-weight: bold; padding: 20px 0; text-align: justify;}
.news_info{ display: flex; justify-content: space-between;}
.detail_tt p{ font-size: 14px; color: #72777F; padding-top: 20px; padding-bottom: 20px;}
.detail_nr p{ font-size: 16px; color: #72777F; padding-bottom: 20px; line-height: 1.6; text-indent: 0!important;}
.detail_nr p *{ color: #5b6168!important;}
.detail_nr p a{ color: rgb(39, 83, 216);}
.detail_nr p.lead_info{ font-size: 14px; color: #384049;  background: rgba(0,0,0,.1); text-align: justify; padding: 0;}
.detail_nr p.lead_info em{ margin: 10px; display: inline-block;}
.detail_nr p.lead_info span{ color: #EA2520;}
.annex{ display: block; color: #FF293D; padding-bottom: 25px; font-size: 15px;}
.page{ margin: 20px 0; box-shadow: 0 0px 4px rgba(0,0,0,.2);}
.page ul ,.page ul *{ background: transparent;}
.page ul li{ padding: 20px 15px;}
.page ul li:active{ background: #21262b;}
.page p a{ font-size: 15px; color: #666; }
.page p a span{ color: #666;}
.hot_rec_tt{ text-align: center; position: relative;}
.hot_rec_tt h4{ font-size: 18px; color: #5b6168; padding-top: 20px;}
.hot_rec_tt span.xs_line{ display: inline-block; width: 16px; height: 6px; border-radius: 6px; background: rgba(200,200,200,.2);}
.extend_list li{ padding-bottom: 15px;}
.extend_list li:active{ background: #21262b;}
.extend_list li h4{ font-size: 15px; line-height: 1.5; font-weight: normal; color: #666; overflow : hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.extend_list a{ display: block;}
.extend_list p{ font-size: 15px; color: #000; padding-bottom: 0px;}
.extend_list p.time{ text-align: right; color: #4c4c56; font-size: 13px;}
.vip_btn{ display: block;}
.vipTip{ font-size: 12px; color: #999; text-align: center; padding: 20px 0 40px;}
/*分享收藏*/
.shareCollect{ display: none; position: fixed; right: 0px; top: 64px; background: #fff; width: 100px; z-index: 11; box-shadow: -2px 3px 5px rgba(0,0,0,.08);}
.shareCollect li{ font-size: 14px; padding: 10px 15px; }
.shareCollect li:nth-last-child{ border-bottom: none;}
.shareCollect li img{ width: 16px; height: 16px; position: relative; top: 2px; margin-right: 12px;}

.popMask{ z-index: 19;}
.popFunc{ display: none; position: fixed; z-index: 20;  left: 0; right: 0; top: 65px; background: #fff; padding: 15px 10px; box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.fontControl{ display: flex; justify-content: space-between;}
.fontControl p{ font-size: 14px; line-height: 44px;}
.fontChange em{ display: inline-block; padding: 10px; margin-left: 49px; margin-right: -10px; height: 44px;}
.fontChange em a{ background-clip: content-box; color: #5b6168;}
.fontChange img{ width: 24px; height: 24px;  opacity: 1; transition: all .5s;}
.fontChange img:active{ opacity: .5; transform: rotate(45deg);}

/*文章专题页*/
.mui-title{ color: #5b6168;}
.icon_xs{ display: inline-block; width: 4px; height: 14px; background: #666; border-radius: 0px; margin-right: 5px; position: relative; top: 1px;}
.columns_icons{ padding: 10px 0; background: transparent; margin-bottom: 20px; box-shadow: 0 0px 4px rgba(0,0,0,.2);}
.columns_icons li a p{ font-size: 12px; color: #5b6168; padding-top: 5px;}
.news_box{ background: transparent; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.news_box ul{ background: #21262b;}
.news_box li .mui-navigate-right:after{ color: #666;}
.news_box ul .mui-table-view-cell > a:not(.mui-btn).mui-active{ background: #21262b;}
.columns_icons li a:active .column_bg1 ,.columns_icons li a:active .column_bg2 ,.columns_icons li a:active .column_bg3 ,.columns_icons li a:active .column_bg4{  box-shadow: none; opacity: .5;}
.columns_icons li a:active .column_bg1{ background: linear-gradient(#ff5667, #ff7c53);}
.columns_icons li a:active .column_bg2{ background: linear-gradient(#56b5ff, #61e0ff);}
.columns_icons li a:active .column_bg3{ background: linear-gradient(#2bd8c8, #3ce2d2);}
.columns_icons li a:active .column_bg4{ background: linear-gradient(#ffbc55, #ffdf8e);}
.column_bg1 ,.column_bg2 ,.column_bg3 ,.column_bg4{ display: inline-block; border-radius: 50%; width: 46px; height: 46px; padding: 8px; opacity: .5;}
.column_bg1{ background: linear-gradient(#FF2449, #FF734B); box-shadow: 0px 2px 8px rgba(255,115,75,.5);}
.column_bg2{ background: linear-gradient(#0A8DEE, #42CAFD); box-shadow: 0px 2px 8px rgba(66,202,253,.5);}
.column_bg3{ background: linear-gradient(#00C9BA, #00C9BA); box-shadow: 0px 2px 8px rgba(0,201,186,.5);}
.column_bg4{ background: linear-gradient(#F9A840, #FED07F); box-shadow: 0px 2px 8px rgba(254,208,127,.5);}
.columns_icons li a img{ width: 30px; height: 30px; opacity: .6;}

.news_nr ul{ background: transparent!important;}
.news_tt h3{ font-size: 16px; color: #5b6168; padding-top: 15px;}
.news_tt a{ font-size: 13px; color: #5b6168;}
.news_nr li h4{ color: #666!important;}
.news_nr li p{ color: #4c4c56!important;}
.icon_filter{ color: #5b6168;}

.fixNews{ position: fixed; z-index: 3; left: 0; right: 0; background: transparent; }
.news_tab_tt{ display: flex; justify-content: space-around; background: #24292f;  box-shadow: 0 1px 3px rgba(0, 0, 0, .02); font-size: 15px;}
.news_tab_tt a{ line-height: 38px; color: #44494e;}
.news_tab_tt a.active{ color: #EA2520;}
.news_tab_tt a.active em{ display: block; height: 2px; background: #EA2520; width: 30px; margin: -2px auto 0;}
.popFilter ,.popFilter2{ position: fixed; right: -90%; top: 0; bottom: 0; width: 80%; background: #21262b; z-index: 20;box-shadow: -5px 0 10px rgba(0,0,0,.3);}
.areaList a{ color: #5b6168;}
.areaList li a.selected,.areaList li.selected a{ background: #384049 url(../images/icon_sel.png) right bottom no-repeat; background-size: 15px; color: #999;}

/*文章选项卡*/
.news_tab_tt a{ line-height: 45px; width: 25%; height: 45px; background: transparent;}
.news_tab_tt a.active{ color: #5b6168;}
.news_tab_tt a.active em{ display: block; height: 2px; background: #5b6168; margin: -2px auto 0;}
.news_nr li{ background: #21262b;}
